<template>
	<div id="nav">
		<el-container>
			<el-main>
				<el-row>
					<el-col :span="12">
						<img src="../assets/part-00001-3100.jpg" style="width: 150px;height: 70px;"/>
					</el-col>
					<el-col :span="12">
						<div class="list">
							<router-link to="/">首页</router-link>
							<router-link to="/2">生活</router-link>
							<router-link to="/3">咨询</router-link>
							<router-link to="/list">编程</router-link>
							<router-link to="/4">互联网</router-link>
							<router-link to="about">关于</router-link>
						</div>

					</el-col>
				</el-row>
			</el-main>
		</el-container>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				pic: "../asstes/imagebox/time.jpg"
			}
		}
	}
</script>

<style scoped>
	#nav{
		background-color: #fff;
	}
	#nav .elemain{
		padding: 0 20px;
	}
	.logo{
		height: 70px;
	}
	.list{
		float: right;
	}
	.list a{
		display: inline-block;
		padding: 20px;
		color: #000000;
		text-decoration: none;
	}
	
	.list a.router-link-exact-active{
		color: #42B983;
		border-bottom: 2px solid #42B983;
	}
	
</style>
